<template>
  <div class="info-root info-log-alert-root">
    <div class="info-title">
      警告信息(48小时维度)
      <el-tag type="info" style="margin-left: 10px;">{{ currentMachine.appName }}</el-tag>
    </div>
    <div class="info-content">
      <chartLineAlert ref="ChartLineAlertRef"></chartLineAlert>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted, nextTick, inject } from 'vue';
import chartLineAlert from './ChartLineAlert.vue';

const currentMachine: any = inject('currentMachine');

const ChartLineAlertRef = ref();

const reload = () => {
  nextTick(() => {
    ChartLineAlertRef.value.reload();
  })
}

defineExpose({
  reload,
})

onMounted(() => {
  reload();
})
</script>


<style scoped lang="scss">
.info-log-alert-root {
  @include box(100%, 200px);
  min-height: 200px;
}
</style>